<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购</title>
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入头部尾部 -->
    <link rel="stylesheet" href="./css/head.css">
    <link rel="stylesheet" href="./css/footer.css">
    <!-- 引入swiper轮播图 -->
    <link rel="stylesheet" href="./lib/swiper.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/index.css">

    <!-- 引入js库文件 -->
    <script src="./lib/jquery.min.js"></script>
    <!-- 引入大轮播图 -->
    <script src="./lib/HappyImage.min.js"></script>
    <!-- 引入swiper轮播图js -->
    <script src="./lib/swiper.js"></script>
    <!-- 引入主页js -->
    <script src="./js/index.js"></script>


</head>

<body>
    <!-- 头部顶部区域 -->
    <div class="head-top">
        <div class="wrapper clearfix">
            <p class="fl">乐购www.legou.com</p>
            <p class="fr">欢迎光临乐购 请 <a href="./log_in.html">登入|</a> <a href="./sign_in.html">注册</a></p>
        </div>
    </div>
    <!-- 头部顶部区域结束 -->

    <!-- 头部logo搜索导航栏区域 -->
    <div class="head-logo wrapper clearfix">
        <!-- logo区域 -->
        <div class="logo fl">
            <h1><a href="index.html"></a></h1>
        </div>
        <!-- 右边区域-->
        <div class="logo-right fl">
            <!-- 搜索框 -->
            <div class="logo-right-searchBox clearfix">
                <form action="#" class="fl">
                    <input type="text fl" placeholder="请输入商品名">
                    <input type="submit" class="fr" value="">
                </form>
                <div class="fl">
                    <a href="#"><i></i><span>购物车</span></a>
                    <a href="#"><span>我的订单</span></a>
                </div>
            </div>
            <!-- 分类列表 -->
            <ul>
                <script>
                    for (let i = 0; i < 16; i++) {
                        document.write(`<li><a href="#">图书</a></li>`)
                    }
                </script>
            </ul>
        </div>
    </div>
    <!-- 头部logo搜索导航栏区域结束 -->

    <!-- 中间海报菜单区域 -->
    <div class="menu-banenr">
        <!-- 中间二级菜单区域 -->
        <div class="wrapper clearfix">
            <div class="menu">
                <ul>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容1
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容2
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容3
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容4
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容5
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容6
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容7
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容8
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容9
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容
                        </div>
                    </li>
                    <li>
                        <a href="#">图书</a>
                        <a href="#">电子书</a>
                        <a href="#">童书</a>
                        <span>&gt;</span>
                        <div class="menuContent">
                            内容
                        </div>
                    </li>

                </ul>
            </div>
            <!-- 菜单结束 -->

            <!-- 海报轮播图区域 -->
            <div class="banenr fl">
                <div class="target" id="target-2">
                    <div>
                        <div><img src="./imgs/banner111.jpg"></div>
                        <div><img src="./imgs/banner222.jpg"></div>
                        <div><img src="./imgs/banner333.jpg"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 海报区域结束 -->
    </div>

    <!-- 内容第一部分 -->
    <div class="content1">
        <div class="wrapper clearfix pret">
            <!-- 侧边导航栏 -->
            <div class="Side-navigation-bar">
                <span bgc='#93d46f'><a>服装</a></span>
                <span bgc='#f65727'><a>运动</a></span>
                <span bgc='#bb9dee'><a>童装</a></span>
                <span bgc='#ff7394'><a>图书</a></span>
                <span bgc='#c2ec51'><a>返回</a></span>
            </div>
            <!-- 小海报 -->
            <div class="small-banenr">
                <img src="./imgs/small-banner.jpg" alt="">
                <img src="./imgs/small-banner3.jpg" alt="">
                <img src="./imgs/small-banner2.jpg" alt="">
                <img src="./imgs/small-banner3.jpg" alt="">
            </div>
            <!-- 广告 -->
            <div class="ad"></div>
            <!-- 秒杀部分 -->
            <div class="seckill fl">
                <p>现时秒杀</p>
                <div class="time">
                    <p>倒计时</p>
                    <span class="time-hour">00</span>
                    <span class="time-minute">00</span>
                    <span class="time-second">00</span>
                </div>
            </div>
            <!-- 小轮播图部分 -->
            <div class="small-slideshow fr">
                <div class="target" id="target-1">
                    <div>
                        <div>
                            <ul>
                                <script>
                                    for (let i = 0; i < 4; i++) {
                                        document.write(`
                                    <li>
                                <img src="./imgs/75cfba1ec641388eabc3ae5464ff1d27.jpg" alt="">
                                <p>小米小爱音箱 Play</p>
                                <span>¥129.00</span> <span>¥230.00</span>
                            </li>
                                    `)
                                    }
                                </script>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <script>
                                    for (let i = 0; i < 4; i++) {
                                        document.write(`
                                    <li>
                                <img src="./imgs/75cfba1ec641388eabc3ae5464ff1d27.jpg" alt="">
                                <p>小米小爱音箱 Play</p>
                                <span>¥129.00</span> <span>¥230.00</span>
                            </li>
                                    `)
                                    }
                                </script>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <script>
                                    for (let i = 0; i < 4; i++) {
                                        document.write(`
                                <li>
                            <img src="./imgs/75cfba1ec641388eabc3ae5464ff1d27.jpg" alt="">
                            <p>小米小爱音箱 Play</p>
                            <span>¥129.00</span> <span>¥230.00</span>
                        </li>
                                `)
                                    }
                                </script>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!-- 内容第二部分 -->
    <div class="content2 wrapper clearfix">
        <!-- 标题部分 -->
        <h2>每日好货推荐</h2>
        <div class="content2-left com fl">
            <p><i>乐购快抢</i>· 美好生活抢先到</p>
            <span>品质好物 天天低价 >></span>
            <ul>
                <li>
                    <img src="./imgs/showimg.png" alt="">
                    <span>- 诗篇 -</span>
                </li>
                <li>
                    <img src="./imgs/showimg.png" alt="">
                    <span>JNBY</span>
                </li>
                <li>
                    <img src="./imgs/showimg.png" alt="">
                    <span>品质女装</span>
                </li>
            </ul>
        </div>
        <div class="content2-right com fr">
            <p><i>品牌活动 </i>· 最后疯抢 3折封顶</p>
            <span>150+品牌疯抢中 >></span>
            <ul>
                <li>
                    <img src="./imgs/showimg.png" alt="">
                    <span>- 诗篇 -</span>
                </li>
                <li>
                    <img src="./imgs/showimg.png" alt="">
                    <span>JNBY</span>
                </li>
                <li>
                    <img src="./imgs/showimg.png" alt="">
                    <span>品质女装</span>
                </li>
            </ul>
        </div>
    </div>

    <!-- 大内容区域(包含四个样式相同的区域) -->
    <div class="contentBig">
        <div class="wrapper clearfix">
            <!-- 第一个主体内容 -->
            <div class="mian-content1 biaoji">
                <div class="mian-nav clearfix">
                    <p class="fl">服 装 配 饰</p>
                    <div class="fr">
                        <span>热销内衣</span>
                        <span>精品男装</span>
                        <span>童装</span>
                    </div>
                </div>
                <div class="mian-commodity">
                    <div class="left">
                        <img src="./imgs/mian-img1.png" alt="">
                        <ul>
                            <script>
                                for (let i = 0; i < 9; i++) {
                                    document.write(`<li><a href="#">男鞋</a></li>`)
                                }
                            </script>
                        </ul>
                    </div>
                    <div class="center">
                        <!-- 轮播图区域 -->
                        <div class="slideshow">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <!-- 广告区域 -->
                        <div class="ad"></div>
                    </div>
                    <div class="right">
                        <ul>
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/cNOo8XIO9S46hKnA3T1811271539_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                    </div>
                </div>
                <div class="brand">
                    <ul>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 第二个主体内容 -->
            <div class="mian-content2 biaoji">
                <div class="mian-nav clearfix">
                    <p class="fl">母 婴 童 装</p>
                    <div class="fr">
                        <span>热销内衣</span>
                        <span>精品男装</span>
                        <span>童装</span>
                    </div>
                </div>
                <div class="mian-commodity">
                    <div class="left">
                        <img src="./imgs/cont_l01 (2).png" alt="">
                        <ul>
                            <script>
                                for (let i = 0; i < 9; i++) {
                                    document.write(`<li><a href="#">男鞋</a></li>`)
                                }
                            </script>
                        </ul>
                    </div>
                    <div class="center">
                        <!-- 轮播图区域 -->
                        <div class="slideshow">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <!-- 广告区域 -->
                        <div class="ad"></div>
                    </div>
                    <div class="right">
                        <ul>
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/cNOo8XIO9S46hKnA3T1811271539_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                    </div>
                </div>
                <div class="brand">
                    <ul>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 第三个主体内容 -->
            <div class="mian-content3 biaoji">
                <div class="mian-nav clearfix">
                    <p class="fl">精 致 人 生</p>
                    <div class="fr">
                        <span>热销内衣</span>
                        <span>精品男装</span>
                        <span>童装</span>
                    </div>
                </div>
                <div class="mian-commodity">
                    <div class="left">
                        <img src="./imgs/con3_03.png" alt="">
                        <ul>
                            <script>
                                for (let i = 0; i < 9; i++) {
                                    document.write(`<li><a href="#">男鞋</a></li>`)
                                }
                            </script>
                        </ul>
                    </div>
                    <div class="center">
                        <!-- 轮播图区域 -->
                        <div class="slideshow">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <!-- 广告区域 -->
                        <div class="ad"></div>
                    </div>
                    <div class="right">
                        <ul>
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/cNOo8XIO9S46hKnA3T1811271539_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                    </div>
                </div>
                <div class="brand">
                    <ul>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 第四个主体内容 -->
            <div class="mian-content4 biaoji">
                <div class="mian-nav clearfix">
                    <p class="fl">家 居 生 活</p>
                    <div class="fr">
                        <span>热销内衣</span>
                        <span>精品男装</span>
                        <span>童装</span>
                    </div>
                </div>
                <div class="mian-commodity">
                    <div class="left">
                        <img src="./imgs/con4_03.png" alt="">
                        <ul>
                            <script>
                                for (let i = 0; i < 9; i++) {
                                    document.write(`<li><a href="#">男鞋</a></li>`)
                                }
                            </script>
                        </ul>
                    </div>
                    <div class="center">
                        <!-- 轮播图区域 -->
                        <div class="slideshow">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                    <div class="swiper-slide"><img src="./imgs/lunbotu1.png" alt=""></div>
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <!-- 广告区域 -->
                        <div class="ad"></div>
                    </div>
                    <div class="right">
                        <ul>
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                        <ul class="none">
                            <script>
                                for (let i = 0; i < 4; i++) {
                                    document.write(`
                                    <li>
                                    <h4>时尚精致女装</h4>
                                    <p>春夏女装99选3</p>
                                    <img src="./imgs/C7QbNvdow0ktmFWH2T1811271432_180_144.jpg" alt="">
                                </li>`)
                                }
                            </script>
                        </ul>
                    </div>
                </div>
                <div class="brand">
                    <ul>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/logo13_12.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚区域 -->
    <div class="footer">
        <div class="wrapper">
            <div class="footer-top">
                <ul>
                    <li>
                        <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="footer-center clearfix">
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>服务协议及隐私说明</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>礼品卡支付</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>商品验货与签收</dd>
                </dl>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>退换货政策</dd>
                </dl>

                <div class="qr-img fl">
                    <ul class="fl">
                        <li>
                            <p>App更优惠</p>
                            <img src="./imgs/qryhd.png" alt="">
                        </li>
                        <li>
                            <p>加微信查订单</p>
                            <img src="./imgs/qryhd.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-buttom">
            <div class="wrapper">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
                </p>
                <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
                <ul>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer2.jpg" alt=""></li>
                </ul>
            </div>

        </div>
    </div>

    <!-- 公共样式搜索区 -->
    <div class="search_panel">
        <a href="//www.mi.com/index.html"></a>
        <script>
            $('.logo-right-searchBox form').clone(true).appendTo($('.search_panel'))
            $(window).scroll(function () {
                scrollY > 200 ? $('.search_panel').show() : $('.search_panel').hide()
            })
        </script>
    </div>


    <script>
        var swiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 1000,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
</body>

</html>